<%@ page import="static java.lang.Thread.sleep" %><%--
  Created by IntelliJ IDEA.
  User: xue80
  Date: 2024/12/24
  Time: 9:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .register {
            position: relative;
            width: 400px;
            height: 405px;
            margin: 0 auto;
            margin-top: 100px;
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            box-shadow: 1px 1px 30px #ccc;
        }
        input {
            width: 300px;
            height: 40px;
            margin-top: 20px;
            font-size: 17px;
            border-radius: 5px;
            border: 1px solid #ccc;
        }
        .d1 {
            width: 301.5px;
            height: 40px;
            margin: 0 auto;
            .in1 {
                float: left;
                width: 150px;
                height: 40px;
            }
            img {
                float: right;
                width: 150px;
                height: 41px;
                margin-top: 20px;
                border-radius: 5px;

            }
        }
        .btn{
            position: absolute;
            top: 77%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #409efe;
        }
        .btn:hover {
            background: navy;
        }
        h2{
            padding-bottom: 25px;
        }
        .a1{
            position: absolute;
            top: 89%;
            left: 33%;
            color: #409efe;
            text-decoration: none
        }
        .a1:hover {
            color: navy;
        }
        p{
            position: absolute;
            top: 71.8%;
            left: 16%;
            color: red;
        }
    </style>
</head>
<body>
<form action="${pageContext.request.getContextPath()}/Register" method="post">
    <div class="register">
        <h2>用户注册</h2>
        <input placeholder="账号" type="text" name="username" /><br />
        <input
                placeholder="密码"
                type="password"
                name="password"
                class="password"
        /><br />
        <input placeholder="昵称" type="text" name="nickname" /><br />
        <div class="d1">
            <input
                    class="in1"
                    placeholder="图形验证码"
                    type="text"
                    name="code"
            /><img src="${pageContext.request.getContextPath()}/CaptchaCreate" alt="" />
        </div>
        <input type="submit" style="color: white" value="注册" class="btn" />
        <a class="a1" href="${pageContext.request.getContextPath()}/login.jsp">已有账号？点此登录</a>
        <p>${msg}</p>
    </div>
</form>
</body>
</html>
